<!doctype html>
<html lang="en" class="fixed">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>Helsinki</title>
    <link rel="apple-touch-icon" sizes="120x120" href="favicon/apple-icon-120x120.png">
    <link rel="icon" type="image/png" sizes="192x192" href="favicon/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
    <link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="stylesheets/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="stylesheets/css/animate.css">
    <link rel="stylesheet" type="text/css" href="stylesheets/css/style.css">
    <script src="javascripts/jquery.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
    <script src="javascripts/nano-scroller.js"></script>
    <script src="javascripts/template-script.min.js"></script>
    <script src="javascripts/template-init.min.js"></script>
</head>
<body>
<div class="wrap">
    <div class="page-header">
        <div class="leftside-header">
            <a href="" class="header-title">
                <i class="fa fa-mail-reply" aria-hidden="true"></i>
                城市智慧停车管理平台
            </a>
            <div id="menu-toggle" class="visible-xs toggle-left-sidebar" data-toggle-class="left-sidebar-open"
                 data-target="html">
                <i class="fa fa-bars" aria-label="Toggle sidebar"></i>
            </div>
        </div>
        <div class="rightside-header">
            <div class="header-middle"></div>
            <!--<div class="header-section" id="search-headerbox">-->
            <!--<input type="text" name="search" id="search" placeholder="Search...">-->
            <!--<i class="fa fa-search search" id="search-icon" aria-hidden="true"></i>-->
            <!--<div class="header-separator"></div>-->
            <!--</div>-->
            <div class="header-section" id="user-headerbox">
                <div class="user-header-wrap">
                    <div class="user-photo">
                        <img src="images/user-avatar.jpg" alt="Jane Doe"/>
                    </div>
                    <div class="user-info">
                        <span class="user-name">Jane Doe</span>
                        <span class="user-profile">Admin</span>
                    </div>
                    <!--<i class="fa fa-plus icon-open" aria-hidden="true"></i>-->
                    <!--<i class="fa fa-minus icon-close" aria-hidden="true"></i>-->
                </div>
                <!--<div class="user-options dropdown-box">-->
                <!--<div class="drop-content basic">-->
                <!--<ul>-->
                <!--<li><a href=""><i class="fa fa-user" aria-hidden="true"></i> 个人信息</a></li>-->
                <!--<li><a href=""><i class="fa fa-lock" aria-hidden="true"></i> 修改密码</a></li>-->
                <!--<li><a href=""><i class="fa fa-cog" aria-hidden="true"></i> 系统设置</a></li>-->
                <!--</ul>-->
                <!--</div>-->
                <!--</div>-->
            </div>
            <div class="header-separator"></div>
            <div class="header-section">
                <a href="" title="退出登录"><i class="fa fa-sign-out log-out" aria-hidden="true"></i></a>
            </div>
        </div>
    </div>
    <div class="page-body">
        <div class="left-sidebar">
            <div class="left-sidebar-header">
                <div class="left-sidebar-title">菜单</div>
                <div class="left-sidebar-toggle c-hamburger c-hamburger--htla hidden-xs"
                     data-toggle-class="left-sidebar-collapsed" data-target="html">
                    <span></span>
                </div>
            </div>
            <div id="left-nav" class="nano">
                <div class="nano-content">
                    <nav>
                        <ul class="nav" id="main-nav">
                            <li class=""><a href=""><i class="fa fa-home"
                                                       aria-hidden="true"></i><span>一级链接</span></a>
                            </li>
                            <li class="has-child-item open-item">
                                <a><i class="fa fa-cubes" aria-hidden="true"></i><span>一级菜单</span></a>
                                <ul class="nav child-nav level-1">
                                    <li><a href="">二级链接</a></li>
                                    <li><a href="">二级链接</a></li>
                                    <li class="has-child-item open-item">
                                        <a>二级菜单</a>
                                        <ul class="nav child-nav level-2 ">
                                            <li class="active-item"><a href="">三级链接</a></li>
                                            <li><a href="">三级链接</a></li>
                                            <li class="has-child-item close-item">
                                                <a>三级菜单</a>
                                                <ul class="nav child-nav level-3">
                                                    <li><a href="">四级链接</a></li>
                                                    <li><a href="">四级链接</a></li>
                                                    <li><a href="">四级链接</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a href="">二级链接</a></li>
                                </ul>
                            </li>
                            <li class="has-child-item close-item">
                                <a><i class="fa fa-pie-chart" aria-hidden="true"></i><span>一级菜单</span></a>
                                <ul class="nav child-nav level-1">
                                    <li><a href="">二级链接</a></li>
                                    <li><a href="">二级链接</a></li>
                                </ul>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
        <div class="content">
            <div class="content-header">
                <div class="leftside-content-header">
                    <ul class="breadcrumbs">
                        <li><i class="fa fa-location-arrow" aria-hidden="true"></i><a href="">一级菜单</a></li>
                        <li><a href="">二级菜单</a></li>
                        <li><a>三级菜单</a></li>
                    </ul>
                </div>
            </div>
            <div class="row animated fadeInUp">
                <!--内容 开始-->
                <div class="col-lg-12">
                    内容
                </div>
                <!--内容 结束-->
            </div>
        </div>
        <a href="#" class="scroll-to-top"><i class="fa fa-angle-double-up"></i></a>
    </div>
</div>
</body>
</html>
